<!--
 * Copyright (c) 2010 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file.
-->
<html>

<head>
	<script src="/javascripts/jquery-1.4.2.min.js" ></script>
	<script src="/javascripts/popup.js" ></script>
	<script src="/javascripts/tabber.js" type="text/javascript" ></script>
	
	<link rel="stylesheet" href="/stylesheets/example.css" TYPE="text/css" MEDIA="screen">
	<link rel="stylesheet" href="/stylesheets/login.css" type="text/css">
	<link rel="stylesheet" href="/stylesheets/popup.css" TYPE="text/css" MEDIA="screen">
	<link rel="stylesheet" href="/stylesheets/popup2.css" TYPE="text/css" MEDIA="screen">

</head>

<body>

<div>
<a onclick="chrome.tabs.create({url: 'http://iportal.g-beehive.com/', selected: true})"><img src="/images/iportal.png"></a>
</div>
	<form name="myForm" id="notlogged" action="" onsubmit="return validateLoginForm()">
		<fieldset class="login">
			<legend>Login Details</legend>
			<div id="user">
				<label for="username">Username</label> <input type="text" id="username" name="username">
			</div>
			<div id="pass">
				<label for="password">Password</label> <input type="password" id="password" name="password">
			</div>
			<div>
				<button type="submit" id="submit-go">Submit</button>
			</div>
				<label id="miss" style="display:none; color:red;"></label>
		</fieldset>
	</form>
	
<div id="logged">
<br/>
<br />
<a href="javascript:logOut();" id="tab_4"> Log Out </a>
<br/>
<br/>
<div id="tabbed_box_1" class="tabbed_box">
    <div class="tabbed_area">  
			<ul class="tabs">  
				<li><a href="javascript:tabSwitch('tab_1', 'content_1');" id="tab_1" class="active">Notifications</a></li>  
				<li><a href="javascript:tabSwitch('tab_2', 'content_2');" id="tab_2">Grades</a></li>  
				<li><a href="javascript:tabSwitch('tab_3', 'content_3');" id="tab_3">Broadcasts</a></li>
			</ul>  
  
        <div id="content_1" class="content">  
            <ul>  
                <li><div class="search_container"><input id="notifications_search" type="text" placeholder="type to search" oninput="onSearchInput(this)" spellcheck="false"></div></li>  
                <li><div id="Notifications"></div></li>  
            </ul>  
        </div>  
        
		<div id="content_2" class="content">  
        <ul>  
                <li><div class="search_container"><input id="grades_search" type="text" placeholder="type to search" oninput="onSearchInput(this)" spellcheck="false"></div></li>  
                <li><div id="Grades"></div></li>  
            </ul>
		</div>  
        
		<div id="content_3" class="content">  
            <ul>
                <li><div class="search_container"><input id="broadcasts_search" type="text" placeholder="type to search" oninput="onSearchInput(this)" spellcheck="false"></div></li>  
                <li><div id="Broadcasts"></div></li>  
            </ul>
        </div>
    </div>  
  
</div>
</div>

</body>
</html>


